@charset "utf-8";
@import "reset";

@function r($px) {
    @return $px/100px * 1rem;
}

.web{
    width: r(640px);
    background-color: #222222;
    padding-bottom: r(374px);
    header{
        border-top: r(30px) solid #1d1d1d;
        font-size: 0;
        text-align: center;
        padding-top: r(162px);
        img{
            width: 35%;
        }
    }
    .meta{
            padding-top: r(47px);
            margin: 0 auto;
            display: flex;
            justify-content:center;
        .mata{
            width: r(61px);
            height: r(53px);
            background-color: #303030;
            font-size: 0;
            text-align: center;
            padding-top: r(8px);
                img{
                    width: 50%;
                }
            }
                  .text{
                    width: r(431px);
                    height: r(53px);
                    border: 0;
                    background-color: #3d3d3d;
                    font-size: 10px;
                    color: #b0b0b0;
                    padding-left: r(39px);
                    letter-spacing: 1px;
                  } 
        }
    .meyu{
            padding-top: r(16px);
            margin: 0 auto;
            display: flex;
            justify-content:center;
        .mama{
            width: r(61px);
            height: r(53px);
            background-color: #303030;
            font-size: 0;
            text-align: center;
            padding-top: r(8px);
                img{
                    width: 45%;
                }
            }
                .text{
                    width: r(431px);
                    height: r(53px);
                    border: 0;
                    background-color: #3d3d3d;
                    font-size: 10px;
                    color: #b0b0b0;
                    padding-left: r(39px);
                    letter-spacing: 1px;
                  } 
        }
        .zilaiye{
                display: flex;
                justify-content: flex-end;
                padding-top: r(27px);
            .zilai{
                font-size: 0;
                img{
                    width: 55%;
                }
            }
            .zi{
                p{
                    font-size: 10px;
                    color: #FFFFFF;
                    padding-right: r(80px);
                }
            }
        }
        .qiansho{ 
            width: r(492px);
            height: r(53px);
            background-color: #b60005;
            margin: 0 auto;
            margin-top: r(58px);
            p{
                text-align: center;
                line-height: r(53px);
                font-size: 11px;
                color: #cdcdcd;
                a{
                    color: #CDCDCD;
                }
            }
        }
         .qian{ 
            width: r(492px);
            height: r(53px);
            background-color: #303030;
            margin: 0 auto;
            margin-top: r(14px);
            border: r(2px) solid #b60005;
            p{
                text-align: center;
                line-height: r(53px);
                font-size: 11px;
                color: #cdcdcd;
            }
        }
    
    
    
    
    
}
